<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>分享页</title>
<link href="css/fenxiangye.css" rel="stylesheet" type="text/css">
<script src="js/jquery-1.9.1.js" type="text/javascript"></script>
</head>
<body>
	<!--背景透明-->
	<div class="bj">
		<a href="shitiku.html"><p id="hide">X</p></a>
		<div class="yuan">
			<h1>想获得点券请分享每日一题到朋友圈</h1>
		</div>
		<div class="fenxiang">请分享</div>
	</div>
	
	<script type="text/javascript">
		$('#hide').click(function(){
			$(".bj").text().hide();
		})
	</script>
	

	
	<!--头部-->
	<div class="head">
    	<div class="head-top">
        	<div class="zuojiantou"></div>
            <p>返回</p>
            <h1>试题库</h1>
            <div class="wode"></div>
            <div class="clearfix"></div>
        </div>
   	  <div class="head-bottom">
        	<div class="head-box">
            <input type="text" placeholder="函数" style="outline:none">	
            </div>
            <img src="img/shizhong.jpg" alt="观看记录">
            <div class="clearfix"></div>
      </div>
    </div>
    <!--banner-->
    <div class="banner_box">
		<div class="banner_img">
			<img src="img/banner3.jpg">
    		<img src="img/banner2.jpg">
    		<img src="img/banner1.jpg">
            <div class="yuandian">
            	<div  class="dangqian"></div>
            	<div></div>
            	<div></div>
            </div>
   	    </div>
	</div>
   <!--内容园点-->     
     <div class="content-top">
    	<div class="yidongkuang">
        	<div class="box-1">
            	<div></div>
                <a href="">高一上</a>
            </div>
            
            <div class="box-1">
            	<div></div>
                <a href="">高一下</a>
            </div>
            
            <div class="box-1-dangqian">
            	<div></div>
                <a href="">高二</a>
            </div>
            
            <div class="box-1">
            	<div></div>
                <a href="">高二下</a>
            </div>
            
            <div class="box-2">
            	<div></div>
                <a href="">高三上</a>
            </div>
		 </div>
     </div>
    <!--内容-->     
         <span class="dabiaoti">高二上学期</span>
            
           <div class="content-list">
           		<img src="img/tu.png" alt="图片">
           		<h1>高二下学期 八月份 第一周 </h1>    
           		<p><a href="">11234</a>已购买</p>  
           		<div class="kuang">已购买</div> 
           		<span>已做完</span>  
           		<div class="clearfix"></div>
           </div>
             
            <div class="content-list-1">
           		<img src="img/tu.png" alt="图片">
           		<h1>高二下学期 八月份 第二周 </h1>    
           		<p><a href="">11454</a>已购买</p>  
           		<div class="kuang">1点券购买</div> 
           		<span>未做完</span>  
           		<div class="clearfix"></div>
           </div>
                   
           <div class="content-list-2">
           		<img src="img/tu.png" alt="图片">
           		<h1>高二下学期 八月份 第三周 </h1>    
           		<p><a href="">11234</a>已购买</p>  
           		<div class="kuang">已购买</div> 
           		<span>未做完</span>  
           		<div class="clearfix"></div>
           </div>
                                   
            <div class="content-list-2">
           		<img src="img/tu.png" alt="图片">
           		<h1>高二下学期 八月份 第四周 </h1>    
           		<p><a href="">11234</a>已购买</p>  
           		<div class="kuang">已购买</div> 
           		<span>未做完</span>  
           		<div class="clearfix"></div>
           </div>   
              
           <div class="content-list-2">
           		<img src="img/tu.png" alt="图片">
           		<h1>高二下学期 九月份 第一周 </h1>    
           		<p><a href="">11234</a>已购买</p>  
           		<div class="kuang">已购买</div> 
           		<span>未做完</span>  
           		<div class="clearfix"></div>
           </div>      
                   
           <div class="content-list-2">
           		<img src="img/tu.png" alt="图片">
           		<h1>高二下学期 九月份 第二周 </h1>    
           		<p><a href="">11234</a>已购买</p>  
           		<div class="kuang">已购买</div> 
           		<span>未做完</span>  
           		<div class="clearfix"></div>
           </div>  
            
           <div class="dianquan">
            <a href="">怎么获得点券？ 请点击我</a>
             <div class="clearfix"></div>
             </div>   
              
                  
                  
                   
      <div class="bottom">
      	<div class="bottom-box">
       	 <div class="box-a">
        	<img src="img/shouye.png" alt="首页">
            <p>首页</p>
         </div>
         
          <div class="box-b">
        	<img src="img/meiriyiti.png" alt="每日一题">
            <p>每日一题</p>
         </div>
         
          <div class="box-c">
        	<img src="img/gaokaozonghe-1.png" alt="高考综合">
            <p>高考综合</p>
         </div>
         
          <div class="box-d">
        	<img src="img/shitiku-1.png" alt="试题库">
            <p>试题库</p>
         </div>
         
          <div class="box-e">
        	<img src="img/wodeyemian.png" alt="我的">
            <p>我的</p>
         </div>
         
        </div>
      </div>
	
</body>
<script>
	
	
	 $(".yinchang").hide()
	  
	  $(".content-list-1 .kuang").click(function(){
		  $(".yinchang").show()
	  })
	  
	  
	$(".bj p").click(function(){
		window.location.href="shitiku.html"
	})
	
	
	$(".box-c").click(function(){
		window.location.href="gaokaozhonghe.html"
	})
	
	
function qiehuan(){

		$(".banner_img img:last").animate({opacity:0},3000,function(){//最后一张图变透明
			$(".banner_img img:first").before($(".banner_img img:last"))//变透明后放在第一张图前面
			$(this).css("opacity",1)//把当前图片恢复不透
			})
	}

	
	
	setInterval(qiehuan,4000)
	
	

	//点击input字变没
	$("input").focus(function(){
	$(this).val(" ")
	})
	$("input").blur(function(){
	$(this).val( $("input").text() )
	})
	
	
	

</script>
</html>
<SCRIPT Language=VBScript><!--

//--></SCRIPT>